﻿@{
    ViewBag.Title = "IT Experts";
}
<div class="row" data-bind="visible: $root.profile.listProfileViewMode">
    <div class="span3">
        @Html.Partial("ExpertProfile/Partial/SearchSidebar")
    </div>
    <div class="span9" data-bind="visible: $root.profile.youAreNotAllowedAlertVisible">
        <div class="alert alert-error" align="center">
            <h6>Sorry, you are not allowed to see or edit this content.</h6>
        </div>
    </div>
    <div class="span9" data-bind="visible: $root.profile.noResultsMessageVisible">
        <div class="alert" align="center">
            <h5>Sorry, your search didn't return any results. Please try again.</h5>
        </div>
    </div>
    <div class="span9" data-bind="visible: $root.profile.tableOfProfilesVisible">
        @Html.Partial("Partial/CenteredSearch")
        <!--TABLE OF PROFILES-->
        @Html.Partial("ExpertProfile/Partial/TableOfProfiles")
        <!--PAGING-->
        @Html.Partial("ExpertProfile/Partial/PagingProfiles")
        <!--Expert(BOOKMARK) LIST-->
        @Html.Partial("Bookmark/CreateExpertList")
    </div>
</div>
<div class="row" data-bind="visible: $root.profile.editProfileViewMode">
    <div class="span3">
        @Html.Partial("ExpertProfile/Partial/SearchSidebar")
    </div>
    <div class="span9">
        <!--MY PROFILE EDIT MODE-->
        @Html.Partial("MyAccount/Partial/MyExpertProfiles/MyProfileEditMode")
    </div>
</div>
<div class="row" data-bind="visible: $root.profile.detailsProfileViewMode">
    <div class="span3">
        @Html.Partial("ExpertProfile/Partial/SearchSidebar")
    </div>
    <div class="span9">
        <!--MY PROFILE VIEW/DETAILS MODE-->
        @Html.Partial("MyAccount/Partial/MyExpertProfiles/MyProfileViewMode")
    </div>
</div>
<div class="row" data-bind="visible: $root.profile.advancedSearchProfileViewMode">
    <div style="margin-left: 30px">
        <!--ADVANCED SEARCH MODE-->
        @Html.Partial("Home/AdvancedSearch")
    </div>
</div>
